<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/datepicker/jquery-datePicker.css}" />
    <title>工控仓位信息</title>
    <style>
        /*.msgModal {width: 100%;height: 100%;left: 30%;bottom: inherit;overflow: auto;}*/
        .addModal .msgBox {width: 100%;height: 100%;left: 20%;bottom: inherit;overflow: auto;}
        .updateModal .msgBox {width: 100%;height: 100%;left: 10%;bottom: inherit;overflow: auto;}
    </style>
</head>
<script th:inline="javascript">
    const orgList = [[${orgList}]]
</script>
<body>
<div class="layui-card">
    <div class="layui-card-body">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <div class="layui-form-item layui-inline">
                    <div class="layui-input-inline">
                        <input type="text" placeholder="检索关键字" class="layui-input search-text">
                    </div>
                </div>
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <select class="search-sysLine"  lay-filter="search-sysLine">
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline">
                    <a href="javascript:void(0)" class="layui-btn layui-btn-md layui-btn-danger btn-query" lay-filter="btn-query">
                        <i class="layui-icon layui-icon-search"></i>
                        查询
                    </a>
                    <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-normal btn-add" lay-filter="btn-add">
                        <i class="layui-icon">&#xe654;</i>
                        添加
                    </a>
                    <!--                    <a href="javascript:void(0)" type="reset" class="layui-btn layui-btn-warm btn-edit" lay-filter="btn-edit">-->
                    <!--                        <i class="layui-icon layui-icon-edit"></i>-->
                    <!--                        编辑-->
                    <!--                    </a>-->
                </div>
            </div>
        </form>
    </div>
</div>
<div class="layui-card">
    <div class="layui-card-body">
        <table class="layui-hide" id="body-list" lay-filter="body-list"></table>
    </div>
</div>
<!--添加弹窗-->
<div class="msgModal addModal" id="material-body">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">添加工控仓位信息</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 80%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">公司</label>
                        <div class="layui-input-inline">
                            <select class="add-origin" lay-filter="add-origin" lay-verify="required" lay-reqText="请选择公司">
                                <option value="">选择公司</option>
                                <option th:value="${org.id}" th:text="${org.originName}" th:each="org:${orgList}"></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">生产线</label>
                        <div class="layui-input-inline">
                            <select class="add-line" lay-search="" lay-filter="add-line" lay-verify="required" lay-reqText="请选择生产线">
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-name"  placeholder="请输入仓位名称" lay-verify="required" lay-reqText="请输入仓位名称">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位类型</label>
                        <div class="layui-input-inline">
                            <select class="add-type" lay-search="" lay-filter="add-type" lay-verify="required" lay-reqText="请选择仓位类型">
                                <option value="">选择仓位类型</option>
                                <option value="0">筒仓</option>
                                <option value="1">堆场</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位材料名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input add-materialName" placeholder="请输入仓位材料名称" lay-verify="required" lay-reqText="请输入仓位材料名称">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea add-remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="addBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>

<!--编辑-->
<div class="msgModal updateModal" id="update-material-body">
    <div class="msgBox">
        <div class="msgBox-title">
            <h3 style="text-align: left; padding-left: 80px;">修改工控仓位信息</h3>
            <a class="close" href="javascript:void(0);"><img src="/static/console/img/close-btn.png" /></a>
        </div>
        <div class="msgBox-con">
            <form class="layui-form" style="width: 80%;">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">公司</label>
                        <div class="layui-input-inline">
                            <select class="update-origin" lay-filter="update-origin">
                                <option value="">选择公司</option>
                                <option th:value="${org.id}" th:text="${org.originName}" th:each="org:${orgList}"></option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">生产线</label>
                        <div class="layui-input-inline">
                            <select class="update-line" lay-search="" lay-filter="update-line">
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input update-name"  placeholder="请输入仓位名称">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位类型</label>
                        <div class="layui-input-inline">
                            <select class="update-type" lay-search="" lay-filter="update-type">
                                <option value="">选择仓位类型</option>
                                <option value="0">筒仓</option>
                                <option value="1">堆场</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">仓位材料名称</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input update-materialName"  placeholder="请输入仓位材料名称">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">备注</label>
                    <div class="layui-input-block" style="margin-left: 80px;">
                        <textarea placeholder="请输入内容" class="layui-textarea update-remark" style="resize: none;"></textarea>
                    </div>
                </div>
                <div class="layui-form-item" style="text-align: center;">
                    <div class="">
                        <a class="layui-btn btn-submit" lay-submit lay-filter="updateBtns">保存</a>
                    </div>
                </div>
            </form>

        </div>
    </div>
</div>

</body>

<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/datepicker/jquery-datePicker.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base/sys-control-storage.js}" charset="utf-8"></script>
<script type="text/javascript">

</script>

</html>